<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>云顶研学管理员</title>
    <link rel="stylesheet" type="text/css" href="./admin.css" />
</head>
<body>
    <div id="whole_wrapper">
        <div class="top">
            <div class="welcome">尊敬的管理员，您好!</div>
            <div class="user">
                <div id="avatar">
                    <img src="./image/avatar.png">
                    <div id="user_event">注销</div>
                </div>
                <div id="user_name">云顶研学管理员</div>
            </div>
        </div>
        <div class="main">
            <div id="director">
                <div id="director_item_wrapper">
                    <div class="logo">
                        <img src="./image/yundinglogo.png">
                    </div>
                    <div id="director_items_wrapper">
                        <div class="director_item">首页</div>
                        <div class="director_item">请假</div>
                        <div class="director_item">调研学</div>
                    </div>
                </div>
            </div>
            <div class="banner">
                <div class="banner_item">
                    <div class="main_word">云顶研学请假系统</div>
                    <div class="words">
                        <img src="./image/words.png">
                    </div>
                </div>
                <div class="banner_item">
                    <div class="wrapper">
                        <div class="banner_top">
                            <div class="head" id="head1">今日请假</div>
                            <div class="detail">
                                <input id="name1" type="text" placeholder="输入名字发起搜索">
                                <button id="search1">搜索</button>
                                <div class="history"><img src="./image/history.png"  style="width:16px;height: 16px;"><span id="history1" style="cursor: pointer;">本周历史</span></div>
                            </div>
                        </div>
                        <div class="banner_table">
                            <table>
                                <colgroup>
                                    <col class="col1">
                                    <col class="col2">
                                    <col class="col2">
                                    <col class="col2">
                                    <col class="col3">
                                </colgroup>
                                <tr>
                                    <th>姓名</th>
                                    <th class="fangxiang">方向<div class="fx1">
                                        <select id="f1">
                                            <option style='display: none'></option>
                                            <option value="秘书处">秘书处</option>
                                            <option value="设计">设计</option>
                                            <option value="AI">AI</option>
                                            <option value="CPU&OS">CPU&OS</option>
                                            <option value="java">java</option>
                                            <option value="全栈">全栈</option>
                                        </select>
                                    </div></th>
                                    <th class="qishu">期数<div class="fx2">
                                        <select id="f2">
                                            <option style='display: none'></option>
                                            <option value="六期">6</option>
                                            <option value="七期">7</option>
                                            <option value="八期">8</option>
                                        </select>
                                    </div></th>
                                    <th class="shijian">请假时间<div class="fx3">
                                        <select id="f3">
                                            <option style='display: none'></option>
                                            <option value="一">第一节</option>
                                            <option value="二">第二节</option>
                                            <option value="三">第三节</option>
                                            <option value="四">第四节</option>
                                        </select>
                                    </div></th>
                                    <th>请假理由</th>
                                </tr>
                            </table>
                            <div class="tb_wrapper1">
                                <table>
                                    <colgroup>
                                        <col class="col1">
                                        <col class="col2">
                                        <col class="col2">
                                        <col class="col2">
                                        <col class="col3">
                                    </colgroup>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner_item">
                    <div class="wrapper">
                        <div class="banner_top">
                            <div class="head" id="head2">今日调整</div>
                            <div class="detail">
                                <input id="name2" type="text" placeholder="输入名字发起搜索">
                                <button id="search2">搜索</button>
                                <div class="history"><img src="./image/history.png"  style="width:16px;height: 16px;"><span id="history2" style="cursor: pointer;">本周历史</span></div>
                            </div>
                        </div>
                        <div class="banner_table">
                            <table>
                                <colgroup>
                                    <col class="col1">
                                    <col class="col4">
                                    <col class="col4">
                                    <col class="col2">
                                    <col class="col2">
                                    <col class="col3">
                                </colgroup>
                                <tr>
                                    <th>姓名</th>
                                    <th class="fangxiang">方向<div class="fx1">
                                        <select id="f4">
                                            <option style='display: none'></option>
                                            <option value="秘书处">秘书处</option>
                                            <option value="设计">设计</option>
                                            <option value="AI">AI</option>
                                            <option value="CPU&OS">CPU&OS</option>
                                            <option value="java">java</option>
                                            <option value="全栈">全栈</option>
                                        </select>
                                    </div></th>
                                    <th class="qishu">期数<div class="fx2">
                                        <select id="f5">
                                            <option style='display: none'></option>
                                            <option value="六期">6</option>
                                            <option value="七期">7</option>
                                            <option value="八期">8</option>
                                        </select>
                                    </div></th>
                                    <th class="shijian">研学时间<div class="fx3">
                                        <select id="f6">
                                            <option style='display: none'></option>
                                            <option value="一">第一节</option>
                                            <option value="二">第二节</option>
                                            <option value="三">第三节</option>
                                            <option value="四">第四节</option>
                                        </select>
                                    </div></th>
                                    <th class="shijian">调整时间<div class="fx4">
                                        <select id="f7">
                                            <option style='display: none'></option>
                                            <option value="一">第一节</option>
                                            <option value="二">第二节</option>
                                            <option value="三">第三节</option>
                                            <option value="四">第四节</option>
                                        </select>
                                    </div></th>
                                    <th>请假理由</th>
                                </tr>
                            </table>
                            <div class="tb_wrapper2">
                                <table>
                                    <colgroup>
                                        <col class="col1">
                                        <col class="col4">
                                        <col class="col4">
                                        <col class="col2">
                                        <col class="col2">
                                        <col class="col3">
                                    </colgroup>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.2/axios.js"></script>
    <script type="text/javascript" src="./admin.js"></script>
</body>
</html>